import React, { Component } from 'react'
import Routerviews from '../router/routerViews'
import { Tabbar, NavBar, Toast } from 'react-vant';
import { NavLink } from 'react-router-dom'
export class All extends Component {
  render() {
    const { child } = this.props
    return (
      <div>
        <NavBar
          title="标题"
          leftArrow
          rightText="按钮"
          onClickLeft={() => Toast.info('返回')}
          onClickRight={() => Toast.info('按钮')}
        />
        <Routerviews routlinks={child}></Routerviews>
        <Tabbar>
          <Tabbar.Item icon="home-o">
            <NavLink to='/all/home'>首页</NavLink>
          </Tabbar.Item>
          <Tabbar.Item icon="search">
            <NavLink to='/all/classfiy'>分类</NavLink>
          </Tabbar.Item>
          <Tabbar.Item icon="friends-o">
            <NavLink to='/jk'>京客</NavLink>
          </Tabbar.Item>
          <Tabbar.Item icon="setting-o">
            <NavLink to='/all/shop'>购物车</NavLink>
          </Tabbar.Item>
          <Tabbar.Item icon="setting-o">
            <NavLink to='/all/mine'>我的</NavLink>
          </Tabbar.Item>
        </Tabbar>
      </div>
    )
  }
}

export default All